<template>
  <div>
    <van-nav-bar title="动态要闻" left-arrow @click="goback" />
    <van-notice-bar left-icon="volume-o" text="欢迎进入动态要闻详情页，更多新闻正在更新，敬请期待！！！" />
    <br>  

    <div class="box"><a href="#" class="text">1、
        世界阿尔茨海默病日——内一、外一分工会联合组织观影活动</a><span class="udata">2022-10-13</span></div>
    <div class="box"><a href="#" class="text">2、
        关爱自己，从心开始，心怀皓月，致敬师恩 ——岳麓山院区分工会迎中秋、谢师恩、促交流心理座谈会</a><span class="udata">2022-10-04</span></div>
    <div class="box"><a href="#" class="text">3、
        等疫情过去了，我们嗦粉去！</a><span class="udata">2022-06-24</span></div>
    <div class="box"><a href="#" class="text">4、
        【党建人文】援塞不忘“两学一做”，做优秀党员我们一直在前进</a><span class="udata">2022-09-24</span></div>
    <div class="box"><a href="#" class="text">5、
        离退休第二党总支第一党支部获评“全省示范离退休干部党支部” </a><span class="udata">2022-09-24</span></div>
    <div class="box"><a href="#" class="text">6、
        讲政治、爱学习、求创新， 做有高度、有风格、有担当的三有支部 </a><span class="udata">2022-09-18</span></div>
    <div class="box"><a href="#" class="text">7、
        千峰人民医院美国心脏协会（AHA） 基础生命支持（BLS）培训班开课通知 </a><span class="udata">2022-09-14</span></div>
    <div class="box"><a href="#" class="text">8、
        人文关怀暖人心，老奶奶点赞口腔科 </a><span class="udata">2022-08-31</span></div>
    <div class="box"><a href="#" class="text">9、
        外地游客因“神功”致手指肌腱断裂，多学科联合施救“抢手”成功 </a><span class="udata">2022-08-24</span></div>
    <div class="box"><a href="#" class="text">10、
        心血管内科开展“全国高血压日”主题宣传活动</a><span class="udata">2022-08-05</span></div>
    <div class="box"><a href="#" class="text">11、
        更精准、更个性，消毒供应部让卓越服务落在实处</a><span class="udata">2022-08-04</span></div>
    <div class="box"><a href="#" class="text">12、
        重症老年人多病共存，多学科助力诊疗获新生 </a><span class="udata">2022-07-23</span></div>
    <div class="box"><a href="#" class="text">13、
        我院临床教学基地第三届中华护理学会老年护理专科护士临床实践顺利结业 </a><span class="udata">2022-07-18</span></div>
    <div class="box"><a href="#" class="text">14、
        开展消防安全培训 提升火灾应急技能</a><span class="udata">2022-07-12</span></div>
    <div class="box"><a href="#" class="text">15、
        “强化风险意识、提升处置能力”保卫部开展应急反恐培训 </a><span class="udata">2022-06-24</span></div>
    <div class="box"><a href="#" class="text">16、
      如何精准测量、科学降压？专家们给出这些建议！ </a><span class="udata">2022-06-04</span></div>
    <div class="box"><a href="#" class="text">17、
        “仁术心连心”博士团邵阳行活动圆满完成 </a><span class="udata">2022-06-01</span></div>
    <div class="box"><a href="#" class="text">18、
      义诊科普、趣味互动，一起来和总医院专家关注口腔健康吧！ </a><span class="udata">2022-05-022</span></div>
    <div class="box"><a href="#" class="text">19、
      花粉症高发季：专家赴基层解难题，还有你需要的小妙招 </a><span class="udata">2022-05-20</span></div>




  </div>
</template>

<script setup lang="ts">
import router from '@/router';
import { onUnmounted } from 'vue';
import $bus from "../../config/eventBus";
// 加入页面隐藏Tabbar
$bus.emit("tabBarHide", false);

// 退出页面时显示tabbar
onUnmounted(() => {
  $bus.emit("tabBarHide", true);
})

// 返回个人中心
const goback = () => {
  router.push('/user')
}


</script>

<style lang="scss" scoped>
* {
  text-decoration: none;

}

a:link {
  color: #333;
  /*未访问的链接颜色*/
}

a:visited {
  color: rgb(88, 94, 146);
  /*已访问的链接颜色*/
}

a:hover {
  color: rgb(85, 85, 124);
  /*鼠标移动到链接的颜色*/
}

a:active {
  color: rgb(119, 68, 220);
  /*鼠标点击时的颜色*/

}

h2 {
  font-size: 38px;
}

.text {
  margin-left: 20px;
  height: 30px;
  width: 75vw;
  font-size: 26px;
  //超出一行省略号
  line-height: 32px;
  display: block;
  float: left;
  white-space: nowrap; //禁止换行
  overflow: hidden;
  text-overflow: ellipsis; //...



}

.udata {
  display: block;
  float: right;
  height: 30px;
  line-height: 32px;
  font-size: 25px;
  color: rgb(110, 103, 103);
  margin-right: 25px;
}

.box {
  height: 3vh;
  margin-top: 30px;
  border-bottom: 1px solid #ccc;
}
</style>
